<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>不凡科技首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/animate.css">
    <script src="js/wow.js"></script>
    <link rel="stylesheet" href="./css/index-m.css">

</head>

<body>
    <!-- 头部 -->
    <div class="header wow fadeInDown">
        <div class="header-c w">
            <div class="logo"></div>
            <div class="nav">
                <div class="nav-item">
                    <a href="index.html">首页</a>
                    <span class="act"></span>

                </div>
                <div class="nav-item">
                    <a href="case.html">项目案例</a>
                    <span></span>

                </div>
                <div class="nav-item">
                    <a href="join.html">加入我们</a>
                    <span></span>
                </div>
                <div class="nav-item">
                    <a href="contact.html">联系我们</a>
                    <span></span>
                </div>
            </div>
        </div>
    </div>
    <!-- 移动端导航 -->
    <div class="header-m wow fadeInDown">
        <div class="logo"></div>
        <a href="javascript:;" class="btn">
            <span></span>
            <span></span>
            <span></span>
        </a>
    </div>
    <div class="header-m-nav">
        <div class="nav-item">
            <a href="index.html">首页</a>
        </div>
        <div class="nav-item">
            <a href="case.html">项目案例</a>
        </div>
        <div class="nav-item">
            <a href="join.html">加入我们</a>
        </div>
        <div class="nav-item">
            <a href="contact.html">联系我们</a>
        </div>
    </div>
    <!-- banner轮播 -->
    <div class="banner">
        <div class="wrap">
            <img src="http://www.bufantec.com/pages/tec/static/img/banner-1.jpg" alt="">
            <img src="http://www.bufantec.com/pages/tec/static/img/banner-2.jpg" alt="">
            <img src="http://www.bufantec.com/pages/tec/static/img/banner-3.jpg" alt="">
            <img src="http://www.bufantec.com/pages/tec/static/img/banner-1.jpg" alt="">
        </div>
    </div>
    <!-- 内容1 -->
    <div class="content1 clear">
        <div class="content1-c w">
            <ul class="ad wow clear fadeInUp">
                <li class="ad-item">
                    <img src="http://www.bufantec.com/pages/tec/static/img/advantage-icon-1.png" alt="">
                    <p>WEB网站建设开发</p>
                    <p>企业站，推广站</p>
                </li>
                <li class="ad-item">
                    <img src="http://www.bufantec.com/pages/tec/static/img/advantage-icon-2.png" alt="">
                    <p>移动端设计开发</p>
                    <p>APP/小程序开发</p>
                </li>
                <li class="ad-item">
                    <img src="http://www.bufantec.com/pages/tec/static/img/advantage-icon-3.png" alt="">
                    <p>公众号开发</p>
                    <p>订阅号/服务号开发支持</p>
                </li>
                <li class="ad-item">
                    <img src="http://www.bufantec.com/pages/tec/static/img/advantage-icon-4.png" alt="">
                    <p>独立域名</p>
                    <p>可绑定自己的独立域名</p>
                </li>
                <li class="ad-item">
                    <img src="http://www.bufantec.com/pages/tec/static/img/advantage-icon-5.png" alt="">
                    <p>阿里云服务器支持</p>
                    <p>8G空间支持</p>
                </li>
                <li class="ad-item">
                    <img src="http://www.bufantec.com/pages/tec/static/img/advantage-icon-6.png" alt="">
                    <p>售后升级体系</p>
                    <p>解决用户后顾之忧</p>
                </li>
            </ul>
            <div class="phone">
                <img class="wow fadeInRight" data-wow-offset="50" src="http://www.bufantec.com/pages/tec/static/img/mobile-spot.png" alt="">
                <img class="wow fadeInRight" data-wow-delay="0.3s" src="http://www.bufantec.com/pages/tec/static/img/mobile-font.png" alt="">
                <img class="wow bounceIn" data-wow-delay="0.5s" src="http://www.bufantec.com/pages/tec/static/img/green-spot.png" alt="">
                <img class="wow fadeInRight" data-wow-offset="50" src="http://www.bufantec.com/pages/tec/static/img/iphone.png" alt="">
                <img class="wow fadeInRight" data-wow-delay="1s" src="http://www.bufantec.com/pages/tec/static/img/wei-x.png" alt="">
            </div>
            <div class="text">
                <p class="p1 wow fadeInUp">微信小程序/公众号开发</p>
                <p class="p2 wow fadeInUp">小程序，公众号无需安装卸载方便快捷，内置功能，用完即走，不占空间，低成本低门槛。满足不同客户的不同需求。</p>
                <p class="p3 wow fadeInUp">优势特点:</p>
                <table class="wow fadeInUp" cellspacing='0' border="1px" width="329px" height="109px">
                    <tr>
                        <td>微官网</td>
                        <td>微商城</td>
                    </tr>
                    <tr>
                        <td>微分销</td>
                        <td>店铺装修</td>
                    </tr>
                    <tr>
                        <td>会员管理</td>
                        <td>便捷支付</td>
                    </tr>
                </table>
            </div>

        </div>
    </div>
    <!-- 内容2 -->
    <div class="content2 clear">
        <div class="content2-c w">
            <div class="pc">
                <img class="wow fadeInLeft" src="http://www.bufantec.com/pages/tec/static/img/web-spot.png" alt="">
                <img class="wow fadeInLeft" data-wow-delay="0.3s" src="http://www.bufantec.com/pages/tec/static/img/web-font.png" alt="">
                <img class="wow fadeInLeft" data-wow-delay="0.5s" src="http://www.bufantec.com/pages/tec/static/img/blue-spot-max.png" alt="">
                <img class="wow fadeInLeft" data-wow-delay="0.8s" src="http://www.bufantec.com/pages/tec/static/img/blue-spot-min.png" alt="">
                <img class="wow fadeInLeft" data-wow-delay="1s" src="http://www.bufantec.com/pages/tec/static/img/notebook.png" alt="">
            </div>
            <div class="text">
                <p class="p1 wow fadeInUp">企业型网站 / 营销型网站</p>
                <p class="p2 wow fadeInUp">专为追求高性价比的中小型企业设计。简洁大方的页面设计，满足中小企业基本 的网络宣传需求。
                </p>
                <p class="p3 wow fadeInUp" data-wow-delay="0.3s">优势特点:</p>
                <table class="wow fadeInUp" data-wow-delay="0.5s" cellspacing='0' border="1px" width="329px" height="109px">
                    <tr>
                        <td>提供一年的免费维护</td>
                        <td>提供后台系统</td>
                    </tr>
                    <tr>
                        <td>提供域名注册</td>
                        <td>提供全套备案服务</td>
                    </tr>
                    <tr>
                        <td>提供空间租用</td>
                        <td>提供基础SEO优化</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
    <!-- 成功案例 -->
    <div class="case clear">
        <div class="case-c w">
            <!-- 头部 -->
            <div class="case-header">
                <div class="eff wow fadeInUp">成功案例</div>
                <ul class="case-nav clear wow fadeInUp">
                    <li class="case-item active">全部</li>
                    <li class="case-item">网站</li>
                    <li class="case-item">小程序</li>
                    <li class="case-item">APP</li>
                </ul>
            </div>
            <!-- 6个动画 -->
            <ul class="swiper clear wow fadeInUp">
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/sheying.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">摄影</p>
                        <p class="b">摄影造型</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/hunsha.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">婚纱</p>
                        <p class="b">婚纱&礼服&珠宝&配饰</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/manlv.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">慢旅</p>
                        <p class="b">让美好触手可得</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/jingjie.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">境界</p>
                        <p class="b">摄影摄像行业</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/zaowu.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">造物</p>
                        <p class="b">年轻人的购物空间</p>
                    </div>
                </li>
                <li class="slide wow fadeInUp">
                    <div class="slide-item">
                        <img src="http://www.bufantec.com/site/_shortCuts/jianshe.jpg" alt="">
                    </div>
                    <div class="card">
                        <p class="t">简设装饰</p>
                        <p class="b">简设&家具&办公&餐饮</p>
                    </div>
                </li>
            </ul>
            <div class="arr wow fadeInUp">
                <a href="javascript:;">
                    <div class="arr-l act">&lt;</div>
                </a>
                <a href="javascript:;">
                    <div class="arr-r">&gt;</div>
                </a>
            </div>
        </div>
    </div>
    <!-- 关于我们 -->
    <div class="about clear">
        <div class="about-c w">
            <div class="about-block">
                <div class="about-l">
                    <p class="p1 wow fadeInUp">关于我们</p>
                    <p class="p2 wow fadeInUp">About us</p>
                    <div class="des wow fadeInUp" data-wow-delay="0.3s">
                        "不凡科技诞生于2017年，公司聚集了多名从事界面设计和交互设计的专业设计师 团队成员均有5年以上的项目经验,能够把握国际主流设计风格与创新理念。 我们为客户提供专业的网站设计、程序、域名、空间一条龙服务，提供基于WEB 的系统开发. 服务项目涵盖了网页设计、网站程序开发、主流域名注册、国内外空 间申请、WEB系统开发、微信二次开发、手机网站开发等网站方面业务。"
                    </div>
                </div>
                <div class="about-r clear wow fadeInUp">
                    <img class="wow fadeInUp" data-wow-delay="0.5s" src="http://www.bufantec.com/pages/tec/static/img/us-1.jpg" alt="">
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer clear" data-wow-delay="1500ms">
        <div class=" footer-t ">
            <div class="footer-b-c w ">
                <p class="l wow fadeInUp">联系我们</p>
                <p class="r wow fadeInUp">Contact Us</p>
                <ul class="clear wow fadeInUp">
                    <li class="wow fadeInUp">
                        <img src="http://www.bufantec.com/pages/tec/static/img/logo-black.png " alt=" ">
                        <p>郑州不凡科技有限公司</p>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay="0.3s">
                        <p>地址：郑东新区绿地新都会6号楼1210</p>
                        <p>电话：0371-55602883</p>
                        <p>手机：18838180363</p>
                    </li>
                    <li class="wow fadeInUp" data-wow-delay="0.5s">
                        <p>路线：地铁1号线 东风南路站C口出向北步行300米(近郑州东站)</p>
                        <p>郵编：450000</p>
                        <p>邮箱：bd@bufanui.com</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="footer-b ">
            <div class="footer-t-c w ">
                <p class="wow fadeInUp">©2017不凡科技 郑州IT技术服务 豫ICP备17015347号</p>
            </div>
        </div>
    </div>
    <!-- 引入js文件 -->
    <script src="js/common.js"></script>
    <script src="js/index.js"></script>
    <script>
        // 启动动画
        new WOW().init();
    </script>
</body>


</html>